<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="dpflex col">
    <main class="flex1">
        <div class="head">
            <div class="touxiang dpflex">
                <div class="tupian">
                    <img src="./img/cat.jpg" alt="">
                </div>
                <div class="name flex1">
                    用户名
                </div>
                <div class="huiyuan">
                    VIP
                </div>
            </div>
            <div class="liuyan">
                个性签名：**********
            </div>
        </div>
        <div class="yundong mt20">
            <div class="line1">
                <div class="cont">
                <i class="shuju iconfont icon-tiaoxingtu-xianxing"></i>
                运动数据
                </div>
                <i class="font-two iconfont icon-jinrujiantou"></i>
            </div>

            <div class="dpflex data">
                <div class="flex1">
                    <p id="fenzhong">0</p><span class="data-1">分钟</span> 
                </div>
                <div class="flex1">
                    <p id="qianka">0</p><span class="data-2">千卡</span> 
                </div>
            </div>
        </div>
    <div class="huy">
        <div class="hui mt20">
            <div class="hui-s">
            <i class="zhang iconfont icon-icon_shezhi"></i>
                运动徽章
            </div>
            <i class="zhang-s iconfont icon-jinrujiantou"></i>
            <div class="yuand dpflex">
                <div class="yuans"></div>
                <div class="yuans"></div>
                <div class="yuans"></div>
            </div>
        </div>
    </div>
        <div class="tuichu mt20 mb20 outLogin">
            退出登录
        </div>

    </main>
    <input type="file" id="touxiangs" >
</body>

</html>